<template>
    <section >
        <div class="row">
            <div class="col-md-2">
                <ul class="muent">
                    <li v-for="page in pages" @click="goPage(page)"><img :src="page.icon"> <span v-text="page.label"> </span> <span class="icon"> > </span></li>
                </ul>
            </div>
        </div>
    </section>
</template>


<script>
    import Book from '../../../static/img/menu-book.png';
    import Patient from '../../../static/img/menu-patient.png';
    import OrderIng from '../../../static/img/menu-order-ing.png';
    import Order from '../../../static/img/menu-order.png';
    import Employee from '../../../static/img/menu-employee.png';
    import Account from '../../../static/img/menu-account.png';

    export default {
        name: 'Menu',
        data:function() {
        return {
            pages: [
                { name: 'Experts', label: '预约协诊', icon: Book },
                { name: 'Patients', label: '患者', icon: Patient },
                { name: 'AssistOrderIng', label: '协诊中', icon: OrderIng },
                { name: 'AssistOrders', label: '协诊订单', icon: Order },
                { name: 'Employees', label: '员工管理', icon: Employee },
                { name: 'Account', label: '账户管理', icon: Account },
            ],
        };
    },
    methods: {
        goPage:function(page) {
            alert(Vue.data);
           // this.$router.push({ name: page.name });
        },
    },
    };
</script>
